.theme-a8c-for-agencies .a4a-number-input {
	display: flex;
	flex-direction: row;
	gap: 8px;

	align-items: center;
	justify-content: center;

	.components-button {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
		border: 1px solid var(--color-neutral-5);
		padding: 0 6px;
		max-height: 32px;
	}

	.components-text-control__input[type="number"] {
		width: 80px;
		text-align: center;
		border-radius: 4px;
		padding: 0;

		-moz-appearance: textfield;

		&:focus,
		&:focus-visible {
			border-color: var(--color-primary);
			box-shadow: 0 0 0 0.5px var(--color-primary);
			outline: 2px solid transparent;
		}


		&::-webkit-outer-spin-button,
		&::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}
	}
}
